html, body {
  padding: 0px;
  margin: 0px;
  height: 100%; }

body *, body *:after, body, *:before {
  font-family: 'Karla', sans-serif;
  color: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 0px;
  margin: 0px;
  background: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

script, style {
  display: none; }

kanban {
  width: 100%;
  height: 100%;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto; }
  kanban lane {
    min-height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 200px;
    border-right: 1px solid #CDCDCD;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    kanban lane:last-of-type {
      border-right: none; }
    kanban lane lane-title {
      padding: 10px;
      text-align: center;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      white-space: nowrap; }
    kanban lane lane-cards {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      overflow: auto; }
      kanban lane lane-cards card {
        border: 0.1px solid transparent;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: relative; }
        kanban lane lane-cards card.held {
          visibility: hidden; }
          kanban lane lane-cards card.held:after {
            visibility: visible;
            content: '';
            background: rgba(0, 0, 0, 0.1);
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%; }
    kanban lane.collapse {
      max-width: 40px;
      min-width: 40px; }
      kanban lane.collapse lane-title {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        text-orientation: upright;
        min-height: 100%;
        height: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
      kanban lane.collapse lane-cards {
        display: none; }
  kanban ghost {
    border: 0.1px solid transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: fixed;
    top: 0px;
    left: 0px;
    pointer-events: none;
    z-index: 1000;
    opacity: 0.5;
    display: none; }
