@CHARSET "UTF-8";
/***************************************dategrid****************************************/

.datagrid .panel-body {
  overflow: hidden;
  position: relative;
  border-width: 0 1px 1px 1px;
  border-style:solid;
  border-color: #cfcfcf;
}
.datagrid .datagrid-pager {
  height:50px;
  vertical-align: middle;
}

.datagrid-header-row,
.datagrid-row {
  height: 40px;
}
.datagrid-cell,
.datagrid-cell-group,
.datagrid-header-rownumber,
.datagrid-cell-rownumber {
  margin: 0;
  padding: 0 4px;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  height: 18px;
  line-height: 20px;
  font-size: 15px;
}
.datagrid-header .datagrid-cell span {
  /* 列表表头字体 */
  font-size: 16px;
  color:#757575;
  font-weight:bold;
}

.datagrid-header,
.datagrid-td-rownumber {
  border-top:2px solid #0066CC;
  background: url(../../image/easyui_extends/title.png) repeat-x;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient

(startColorstr=#F9F9F9,endColorstr=#efefef,GradientType=0);
}
.datagrid-row-over,
.datagrid-header td.datagrid-header-over {
  background: url(../../image/easyui_extends/icon-018-hover.png) repeat-x;
  color:#555;
} 

.datagrid-header td,
.datagrid-body td,
.datagrid-footer td {
  border-right-color: #e1e1e1;
  border-left-color:#fcfcfc;
  border-bottom-color:#e1e1e1;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  
}

.datagrid-htable,
.datagrid-btable,
.datagrid-ftable {
  color: #555;
  /* border-top:2px solid #0066CC; */
  border-collapse: separate;
  height:45px;
}
.datagrid-row-alt {
  background: #fbfbfb;
}
/* 选中 */
.datagrid-row-selected {
	background: #e6f5ff;
	color:#555;
}
.datagrid-row-editing .textbox,
.datagrid-row-editing .textbox-text {
  -moz-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
/**************************************************btn**********************************/
 .l-btn {
  text-decoration: none;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  cursor: pointer;
  outline: none;
  text-align: center;
  vertical-align: middle;
  line-height: normal;
}
.l-btn-plain {
  border-width: 0;
  padding: 1px;
}
.l-btn-left {
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  height:40px;
  width:60px;
  line-height:40px;
}
.l-btn-text {
  display: inline-block;
  vertical-align: top;
  width: auto;
  line-height: 24px;
  font-size: 12px;
  padding: 0;
  margin: 0 4px;
}
.l-btn-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-top: -12px;
  vertical-align: middle;
  line-height:40px;
}
 
.l-btn span span .l-btn-empty {
  display: inline-block;
  margin: 0;
  width: 16px;
  height: 24px;
  font-size: 1px;
  vertical-align: top;
}
.l-btn span .l-btn-icon-left {
  padding: 0 0 0 20px;
  background-position: left center;
}
.l-btn span .l-btn-icon-right {
  padding: 0 20px 0 0;
  background-position: right center;
}


.l-btn-focus {
  outline: none;
}
.l-btn-large .l-btn-text {
  line-height: 40px;
}
.l-btn-large .l-btn-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin-top: -16px;
}
.l-btn-large .l-btn-icon-left .l-btn-text {
  margin-left: 40px;
}
.l-btn-large .l-btn-icon-right .l-btn-text {
  margin-right: 40px;
}
.l-btn-large .l-btn-icon-top .l-btn-icon {
  margin: 0 0 0 -16px;
}
.l-btn-large .l-btn-icon-bottom .l-btn-text {
  margin-bottom: 36px;
  line-height: 24px;
  min-width: 32px;
}
.l-btn-large .l-btn-icon-bottom .l-btn-icon {
  margin: 0 0 0 -16px;
}
.l-btn-large .l-btn-left .l-btn-empty {
  margin: 0 4px;
  width: 40px;
}

.l-btn-selected,
.l-btn-selected:hover {
  background: #ddd;
  filter: none;
}
.l-btn-plain-selected,
.l-btn-plain-selected:hover {
  background: #ddd;
} 
/***********************************************page***********************************************************/

.pagination table {
  float: left;
  height: 50px;
}


.pagination .pagination-num {
  font-size: 16px;
}

.pagination-page-list {
  font-size: 16px;
}

.pagination-info {
  float: right;
  margin: 10px 30px;
  padding: 0;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
}

.pagination span {
  font-size: 16px;
}

.pagination-first {
  display:inline-block;
  background: url('../../image/easyui_extends/turn_left.png') no-repeat center center;
  width:50px;
  height:24px;
}
.pagination-prev {
  display:inline-block;
  background: url('../../image/easyui_extends/next_left.png') no-repeat 0 center;
  width:60px;
  height:24px;
}
.pagination-next {
  display:inline-block;
  background: url('../../image/easyui_extends/next_right.png') no-repeat 0 center;
  width:60px;
  height:24px;
}
.pagination-last {
  display:inline-block;
  background: url('../../image/easyui_extends/turn_right.png') no-repeat center center;
  width:50px;
  height:24px;
}
.pagination-load {
  display:inline-block;
  background: url('../../image/easyui_extends/back.png') no-repeat center center;
  width:50px;
  height:24px;
}
.pagination-loading {
  background: none;
}

.pagination-page-list,
.pagination .pagination-num {
  border-color: #0066cc;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  height:30px;
  line-height:30px;
  padding: 0px 4px;
  width:60px;
}
.pagination-page-list{
  border-color: #0066cc;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  height:30px;
  line-height:30px;
  padding: 0px 0px 0px 4px;
  width:60px;
}
input[type="text"]:disabled
{ 
background-color: #e5e5e5;
}