#mainGrid1,
.link {
  margin-left: auto;
  margin-right: auto;
 
}
.cell {
  width: 99%;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  margin: 0px;
  background: transparent;
}
.datecolumn {
  text-align: center;
}
.cell:hover {
  background: white;
  border-color: gray;
}
.checked {
  background: transparent;
  text-align: center;
}
.header {
  text-align: left;
  cursor: pointer;
  padding-left: 5px;
  font-size: 15px;
}
.header label {
  cursor: pointer;
}
.customgridheader-filter {
  border-width: thin;
  border-style: solid;
  text-align: left;
  width: 70% ;
  font-size: 18px;
}
.pagesizes {
    display:inline;
    width:48px;
    text-align:left;
  float: left;
  margin-left: 3px;
  margin-top: 1px;
  margin-right: 5px;
}
.customgridfilter-select {
  width: 29% ;
  font-size: 18px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 1px;
  height: 23px;
  border-width: thin;
}
.filter-button {
  background: transparent url(/images/Filter2.png) 3px 4px no-repeat;
 
 border-width: 0;
    cursor: pointer;
    height: 29px;
    margin-top: 2px;
    margin-left: 0px;
    margin-right: 0px;
    width: 20px;
}
.asc-order {
  background-image: url('../grid/arrowup.png');
  background-repeat: no-repeat;
  background-position: right;
}
.desc-order {
  background-image: url('../grid/arrowdown.png');
  background-repeat: no-repeat;
  background-position: right;
}
.prevPage {
  margin: 3px;
  background: transparent url('../images/prev.png');
  background-repeat: no-repeat;
  border: 0;
  height: 15px;
  width: 16px;
  cursor: pointer;
}
.nextPage {
  margin: 3px;
  background: transparent url('../images/next.png');
  background-repeat: no-repeat;
  border: 0;
  height: 15px;
  width: 16px;
  cursor: pointer;
}
.firstPage {
  margin: 3px;
  margin-right: 0;
  margin-left: 0;
  background: transparent url('../images/first.png');
  background-repeat: no-repeat;
  border: 0;
  height: 15px;
  width: 16px;
  cursor: pointer;
}
.collapsed {
  margin-left: 25px;
  background: transparent url('../grid/drug.png');
  background-repeat: no-repeat;
  border: 0;
  height: 18px;
  width: 18px;
  cursor: pointer;
}
.expanded {
   margin-left: 25px;
  background: transparent url('../grid/down.png');
  background-repeat: no-repeat;
  border: 0;
  height: 14px;
  width: 18px;
  cursor: pointer;
}
.lastPage {
  margin: 3px;
  margin-right: 0;
  margin-left: 0;
  background: url(../images/last.png) no-repeat;
  background-repeat: no-repeat;
  border: 0;
  height: 15px;
  width: 16px;
  cursor: pointer;
}
.deleteItem {
    background: transparent url(/images/reset2.png) 3px 4px no-repeat;
    border-width: 0;
    cursor: pointer;
    height: 29px;
    margin-top: 2px;
    margin-left: 0px;
    margin-right: 0px;
    width: 20px;
}

/*.createItem {
  margin: 5px;
  background: transparent url('../grid/add.png');
  background-repeat: no-repeat;
  float: left;
  border: 0;
  height: 15px;
  width: 17px;
  cursor: pointer;
}
.deleteItem {
  margin: 5px;
  margin-left: 1px;
  background: transparent url('../grid/delete.png');
  background-repeat: no-repeat;
  border: 0;
  height: 15px;
  width: 17px;
  cursor: pointer;
}
.editItem {
  margin: 5px;
  background: transparent url('../grid/edit.png');
  background-repeat: no-repeat;
  border: 0;
  height: 15px;
  width: 17px;
  cursor: pointer;
}*/
.ajaxLoader {
  background: transparent url('../grid/upload.gif');
  background-repeat: no-repeat;
  border: 0;
  height: 20px;
  width:16px;
  margin-left: 7px;
  margin-top: 1px;
  cursor: none;
  vertical-align:text-top;
}
.thead-container {
  color: White;
  background: lightsteelblue	 ;
}
.tbody-container {
  vertical-align: middle;
}
 
 
.changed {
  background: lightpink;
}
.customgridrow:hover {
  background-color:#efeff7 ;
}
.tbody-container tr td {
  padding: 5px;
  cursor: pointer;
  text-align: left;
}
.tfoot-container {
  background: lightsteelblue;
}
/*.grid-container {
  border-spacing: 1px;
  padding: 0.5px;
  border: steelblue;
  border-width: 1px;
  border-style: solid;
  font-family: Times new roman;
}*/
table th.resizing {
  cursor: col-resize;
}
#mainGrid1 input[type=text].header-filter {
    padding:2px;
    width: 50% !important;
    margin-right:2%;
    float:left;   height: 27px;

}
#mainGrid1 select {
    border-radius:0px!important;
 width: 48% !important;
  float:left;
}