slickgrid.controls.css in Slickgrid 7

@CHARSET "UTF-8";

#controls .slickgrid-control{
  float: right;
}

#controls .slickgrid-control,
#controls .slickgrid-control span.slickgrid-control-button{
  width: 30px;
  height: 30px;
  display: block;
  text-align: center;
}

#controls .slickgrid-control span.slickgrid-control-button{
  opacity: 0.5;
  background-repeat: no-repeat;
  background-position: center 7px;
}

#controls .slickgrid-control span.enabled{
cursor: pointer;
opacity: 1;
}

/* Pagination */


#controls #slickgrid-pager{
  float: left;
  width: 420px;
}

#controls #slickgrid-pager .slick-pager-settings span{
  display: none;
}

#controls #slickgrid-pager  .slick-pager{
  background: none!important;
  border-style: none!important;
}

#controls #slickgrid-pager span.slick-pager-nav{
  padding-top: 7px;
  width: 120px;
}

#controls #slickgrid-pager span.slick-pager-settings,
#controls #slickgrid-pager span.slick-pager-status{
  padding-top: 6px;
}

#controls #slickgrid-pager span.slick-pager-status{
 margin-left: 10px; 
}

#controls #slickgrid-pager span{
  float: left;
  display: block;
}

#controls #slickgrid-pager .slick-pager-settings span.slick-pager-settings-expanded{
  display: block!important;
}

#controls #slickgrid-pager .slick-pager-settings span.slick-pager-settings-expanded a{
  margin-left: 5px;
  cursor: pointer;
}

/* Next / prev buttons */

#controls #slickgrid-pager span.slick-pager-nav span.ui-icon-container{
  background: none!important;
  border: none;
}

#controls #slickgrid-pager span.slick-pager-nav span.ui-icon-container span{
  margin-left: 10px;
  cursor: pointer;
}

/* First */
#controls #slickgrid-pager span.slick-pager-nav span.ui-icon-container .ui-icon-seek-first,
#controls #slickgrid-pager span.slick-pager-nav span.ui-state-hover .ui-icon-seek-first.ui-state-disabled{
  background: url('../images/controls-first.png') no-repeat;
}

#controls #slickgrid-pager span.slick-pager-nav span.ui-state-hover .ui-icon-seek-first{
  background: url('../images/controls-first-active.png') no-repeat;
}

/* Prev */
#controls #slickgrid-pager span.slick-pager-nav span.ui-icon-container .ui-icon-seek-prev,
#controls #slickgrid-pager span.slick-pager-nav span.ui-state-hover .ui-icon-seek-prev.ui-state-disabled{
  background: url('../images/controls-prev.png') no-repeat;
  margin-left: 8px;
}

#controls #slickgrid-pager span.slick-pager-nav span.ui-state-hover .ui-icon-seek-prev{
  background: url('../images/controls-prev-active.png') no-repeat;
}

/* Next */
#controls #slickgrid-pager span.slick-pager-nav span.ui-icon-container .ui-icon-seek-next,
#controls #slickgrid-pager span.slick-pager-nav span.ui-state-hover .ui-icon-seek-next.ui-state-disabled{
  background: url('../images/controls-next.png') no-repeat;
  margin-left: 14px;
}

#controls #slickgrid-pager span.slick-pager-nav span.ui-state-hover .ui-icon-seek-next{
  background: url('../images/controls-next-active.png') no-repeat;
}

/* Last */
#controls #slickgrid-pager span.slick-pager-nav span.ui-icon-container .ui-icon-seek-end,
#controls #slickgrid-pager span.slick-pager-nav span.ui-state-hover .ui-icon-seek-end.ui-state-disabled{
  background: url('../images/controls-last.png') no-repeat;
}

#controls #slickgrid-pager span.slick-pager-nav span.ui-state-hover .ui-icon-seek-end{
  background: url('../images/controls-last-active.png') no-repeat;
}

/* Add control */

#slickgrid-add span{
  background-image: url('../images/add.png');
}

#slickgrid-add span:hover{
  background-image: url('../images/add-active.png');
}

/* Delete control */

#slickgrid-delete span{
  background-image: url('../images/delete.png');
}

/* Undo control */

#slickgrid-undo span{
  background-image: url('../images/undo.png');
}

#slickgrid-undo span.enabled:hover{
  background-image: url('../images/undo-active.png');
}

/* Export control */

#slickgrid-export span{
  background-image: url('../images/export.png');
}

#slickgrid-export span.enabled:hover{
  background-image: url('../images/export-active.png');
}

#slickgrid-clone span{
  background-image: url('../images/copy.png');
}

#slickgrid-clone span.enabled:hover{
  background-image: url('../images/copy-active.png');
}

/* Export links are part of the feed icon links */
.feed-icon{
  display: none;
}

/* Tabs */
#slickgrid-tabs span{
  width: 100px;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  display: inline-block;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: url("../images/header-bg.png") repeat-x;
  margin: 0 1px 0 0;
  color: #555;
  border: 1px solid #A5A5A5;
  border-bottom-style: none;
  cursor: pointer;
}

#slickgrid-tabs span.active-tab{
  background-image: url("../images/header-active-bg.png");
  color: #fff;
}