.drag_handler_icon:before, .drag_handler_icon:after {
  background: #000;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out; }

.kanban-container {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: auto; }
  .kanban-container * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .kanban-container:after {
    clear: both;
    display: block;
    content: ""; }

.kanban-board {
  position: relative;
  float: left;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
  .kanban-board.disabled-board {
    opacity: 0.3; }
  .kanban-board header {
    font-size: 16px;
    padding: 20px 30px; }
    .kanban-board header .kanban-title-board {
      font-weight: 600;
      margin: 0;
      padding: 0;
      display: inline; }
    .kanban-board header .kanban-title-button {
      float: right; }
  .kanban-board .kanban-drag {
    min-height: 200px;
    padding: 20px; }
  .kanban-board:after {
    clear: both;
    display: block;
    content: ""; }
  .kanban-board.is-moving.gu-mirror {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg); }
    .kanban-board.is-moving.gu-mirror .kanban-drag {
      overflow: hidden;
      padding-right: 50px; }

.kanban-item {
  background: #fff;
  padding: 15px;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
  .kanban-item:hover {
    cursor: move; }
  .kanban-item:last-child {
    margin: 0; }
  .kanban-item.is-moving.gu-mirror {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
    height: auto !important; }

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important; }

.gu-hide {
  display: none !important; }

.gu-unselectable {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important; }

.gu-transit {
  opacity: 0.2 !important;
  -webkit-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important; }

.drag_handler {
  background: #fff;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  position: relative;
  float: left;
  top: -3px;
  margin-right: 4px; }
  .drag_handler:hover {
    cursor: move; }

.drag_handler_icon {
  position: relative;
  display: block;
  background: #000;
  width: 24px;
  height: 2px;
  top: 12px;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out; }
  .drag_handler_icon:before {
    top: 6px; }
  .drag_handler_icon:after {
    bottom: 6px; }

#myKanban {
  overflow-x: auto;
  padding: 20px 0; }
