/* ------------------------------------------------------------------------------
*
*  # Row Reorder extension
*
*  RowReorder adds the ability for rows in a DataTable to be reordered through
*  user interaction with the table.
*
*  Version: 1.0
*  Latest update: Nov 10, 2015
*
* ---------------------------------------------------------------------------- */


// Base
// ------------------------------

// The movable row
.dt-rowReorder-float {
  position: absolute!important;
  table-layout: static;
  outline: 1px dashed @color-grey-500;
  outline-offset: -1px;
  background-color: #fff;
  z-index: @zindex-navbar-fixed;
  cursor: move;
  .opacity(0.9);
}

// The target row
.dt-rowReorder-moving {
  outline: 1px solid @color-grey-500;
  outline-offset: -1px;
}

// Hide overflow from <body> tag when moving
.dt-rowReorder-noOverflow {
  overflow-x: hidden;
}

// Reorder cell
.dataTable td.reorder {
  text-align: center;
  cursor: move;
}