.kanban-board {
  background: #fff;
  position: relative;
  min-width: 1170px;
  padding: 10px; }
  .kanban-board .kanban-board__head .kanban-row {
    min-height: auto; }
  .kanban-board .kanban-board__head .kanban-col {
    border-color: transparent;
    padding: 0px 10px 10px;
    font-weight: bold; }
  .kanban-board .kanban-line {
    background: #dde4ec;
    position: relative;
    margin-top: 10px; }
    .kanban-board .kanban-line:first-child {
      margin-top: 0px; }
  .kanban-board .kanban-row {
    position: relative;
    display: flex;
    min-height: 200px;
    white-space: nowrap; }
  .kanban-board .kanban-col {
    border-left: 1px dotted #979797;
    width: 16%;
    min-width: 180px;
    padding: 10px;
    white-space: normal; }
    .kanban-board .kanban-col:first-child {
      border-left: none;
      width: 20%;
      min-width: 250px; }
  .kanban-board strong {
    font-weight: bold; }

.kanban-task a {
  color: #000; }
  .kanban-task a:hover {
    color: #0d61ab; }

.kanban-task .collapse-arrow {
  background: url(../images/uarr-10-dblue.png) no-repeat 50% 50%;
  display: block;
  width: 14px;
  height: 14px;
  margin: 5px auto 0px; }
  .kanban-task .collapse-arrow:hover {
    background-color: #c0c5cc;
    cursor: pointer; }

.kanban-inner-task {
  position: relative;
  font-size: 11px;
  line-height: normal; }
  .kanban-inner-task .overlink {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 5;
    display: block; }
  .kanban-inner-task .name a {
    display: block;
    color: #000; }
    .kanban-inner-task .name a:hover {
      color: #0d61ab; }
  .kanban-inner-task .status {
    position: relative;
    padding-left: 10px;
    font-size: 10px;
    line-height: normal;
    color: #666; }
    .kanban-inner-task .status:before {
      content: '';
      background: #9b9b9b;
      position: absolute;
      top: 50%;
      left: 0px;
      display: block;
      width: 6px;
      height: 6px;
      margin-top: -3px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%; }
    .kanban-inner-task .status.red:before {
      background: #d70a0a; }
    .kanban-inner-task .status.green:before {
      background: #2DB92D; }
  .kanban-inner-task .kanban-bubble {
    background: #fff;
    position: fixed;
    left: 50%;
    z-index: 9999;
    width: 600px;
    margin-left: -300px;
    padding: 20px;
    display: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px #666;
    -moz-box-shadow: 0px 0px 10px #666;
    -ms-box-shadow: 0px 0px 10px #666;
    box-shadow: 0px 0px 10px #666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    @media (max-width: 640px) {
      .kanban-inner-task .kanban-bubble {
        left: 20px;
        right: 20px;
        width: auto;
        margin: 0px; } }