/*------------------------------------------------------------------
[Table of contents]

1. Container / .projects-kanban-board
2. Columns / .projects-kanban-board > .column
-------------------------------------------------------------------*/
body {
  overflow-x: auto; }
  body > .container .projects-kanban-board-page, body .page-container .projects-kanban-board-page {
    margin-top: 0; }
    body > .container .projects-kanban-board-page > .content, body .page-container .projects-kanban-board-page > .content {
      overflow-x: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      height: 100%;
      margin-top: 0; }
      body > .container .projects-kanban-board-page > .content > .projects-kanban-board, body .page-container .projects-kanban-board-page > .content > .projects-kanban-board {
        margin-top: 0;
        padding-top: 0 !important; }
  body.page-header-fixed > .container .projects-kanban-board-page > .content .projects-kanban-board, body.page-header-fixed .page-container .projects-kanban-board-page > .content .projects-kanban-board {
    margin-top: 60px; }

.projects-kanban-board > .wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  padding: 30px; }
  .projects-kanban-board > .wrapper > .column {
    width: 265px;
    min-width: 265px;
    -webkit-border-radius: 2px;
            border-radius: 2px;
    margin-right: 30px;
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
    height: auto;
    padding: 20px; }
    .projects-kanban-board > .wrapper > .column:last-child {
      margin-right: 0; }
    .projects-kanban-board > .wrapper > .column > .header {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .projects-kanban-board > .wrapper > .column > .header > .name {
        font-size: 14px;
        font-weight: 500; }
      .projects-kanban-board > .wrapper > .column > .header > .control > .btn-link {
        height: auto;
        padding: 0;
        margin: 0;
        width: auto;
        color: #333; }
        .projects-kanban-board > .wrapper > .column > .header > .control > .btn-link.no-text > .icon {
          height: auto;
          width: auto;
          padding: 0;
          font-size: 24px; }
    .projects-kanban-board > .wrapper > .column > .cards {
      margin-top: 18px; }
      .projects-kanban-board > .wrapper > .column > .cards > .drag-placeholder {
        height: 146px;
        -webkit-border-radius: 2px;
                border-radius: 2px;
        background-color: rgba(0, 0, 0, 0.05);
        margin-bottom: 12px; }
      .projects-kanban-board > .wrapper > .column > .cards.empty > .card.drop-or-add {
        display: block; }
      .projects-kanban-board > .wrapper > .column > .cards > .card {
        margin: 0 0 12px 0;
        border: 1px solid #e1e5f0; }
        .projects-kanban-board > .wrapper > .column > .cards > .card.drop-or-add {
          display: none;
          text-align: center;
          background: transparent;
          padding: 15px;
          border-style: dashed; }
          .projects-kanban-board > .wrapper > .column > .cards > .card.drop-or-add > a {
            color: #333;
            font-weight: 500; }
        .projects-kanban-board > .wrapper > .column > .cards > .card:last-child {
          margin-bottom: 0; }
        .projects-kanban-board > .wrapper > .column > .cards > .card.ui-sortable-helper {
          -webkit-box-shadow: 0 2px 20px 0 #d7dceb;
                  box-shadow: 0 2px 20px 0 #d7dceb; }
        .projects-kanban-board > .wrapper > .column > .cards > .card > .card-header {
          font-size: 12px;
          font-weight: 500;
          border: none;
          padding: 15px 15px 10px 15px;
          cursor: pointer;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          -js-display: flex;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
          .projects-kanban-board > .wrapper > .column > .cards > .card > .card-header:after {
            display: none; }
          .projects-kanban-board > .wrapper > .column > .cards > .card > .card-header > .control {
            margin: 0;
            padding: 0; }
            .projects-kanban-board > .wrapper > .column > .cards > .card > .card-header > .control > .btn-link {
              cursor: pointer;
              height: auto;
              padding: 0;
              margin: 0;
              width: auto;
              color: #333; }
              .projects-kanban-board > .wrapper > .column > .cards > .card > .card-header > .control > .btn-link.no-text > .icon {
                height: auto;
                width: auto;
                padding: 0;
                font-size: 13px; }
        .projects-kanban-board > .wrapper > .column > .cards > .card > .card-block {
          padding: 0 15px 15px 15px; }
          .projects-kanban-board > .wrapper > .column > .cards > .card > .card-block > .controls > .play, .projects-kanban-board > .wrapper > .column > .cards > .card > .card-block > .controls > .pause {
            color: #858585;
            font-size: 28px;
            text-align: center;
            margin-right: 5px;
            cursor: pointer;
            position: relative;
            top: 5px;
            left: -4px; }
          .projects-kanban-board > .wrapper > .column > .cards > .card > .card-block > .controls > .time {
            font-size: 12px; }
          .projects-kanban-board > .wrapper > .column > .cards > .card > .card-block > .info {
            margin-top: 10px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            -js-display: flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            font-size: 12px; }
            .projects-kanban-board > .wrapper > .column > .cards > .card > .card-block > .info > .progress {
              margin-bottom: 0;
              margin-right: 10px; }
          .projects-kanban-board > .wrapper > .column > .cards > .card > .card-block > .footer {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            -js-display: flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            font-size: 12px;
            margin-top: 10px; }
            .projects-kanban-board > .wrapper > .column > .cards > .card > .card-block > .footer .icon {
              color: #d7dceb;
              font-size: 20px;
              display: inline-block;
              margin-right: 3px;
              position: relative;
              top: 1px; }
            .projects-kanban-board > .wrapper > .column > .cards > .card > .card-block > .footer > .users > .avatar > img {
              width: 24px;
              height: 24px; }
            .projects-kanban-board > .wrapper > .column > .cards > .card > .card-block > .footer > .users > .amount {
              font-size: 10px;
              font-weight: 500;
              display: inline-block;
              margin-left: 3px;
              position: relative;
              top: 1px; }
    .projects-kanban-board > .wrapper > .column.purple {
      border-top: 4px solid #cb48bb;
      background-color: #fdf6fd; }
      .projects-kanban-board > .wrapper > .column.purple > .cards > .card.drop-or-add {
        border-color: #edb6ec; }
    .projects-kanban-board > .wrapper > .column.danger {
      border-top: 4px solid #ef5350;
      background-color: #fef7f6; }
      .projects-kanban-board > .wrapper > .column.danger > .cards > .card.drop-or-add {
        border-color: #f7c1b7; }
    .projects-kanban-board > .wrapper > .column.primary {
      border-top: 4px solid #25628F;
      background-color: #f5f6fa; }
      .projects-kanban-board > .wrapper > .column.primary > .cards > .card.drop-or-add {
        border-color: #b0b9d7; }
    .projects-kanban-board > .wrapper > .column.success {
      border-top: 4px solid #4caf50;
      background-color: #f5fcf8; }
      .projects-kanban-board > .wrapper > .column.success > .cards > .card.drop-or-add {
        border-color: #abebc6; }
    .projects-kanban-board > .wrapper > .column.info {
      border-top: 4px solid #42a5f5;
      background-color: #f4fbfe; }
      .projects-kanban-board > .wrapper > .column.info > .cards > .card.drop-or-add {
        border-color: #a6dbf9; }
    .projects-kanban-board > .wrapper > .column.warning {
      border-top: 4px solid #ffb300;
      background-color: #fdfcf3; }
      .projects-kanban-board > .wrapper > .column.warning > .cards > .card.drop-or-add {
        border: solid 1px #f2e49e; }
    .projects-kanban-board > .wrapper > .column.new-column {
      -webkit-border-radius: 2px;
              border-radius: 2px;
      border: solid 1px #dee0e1; }
      .projects-kanban-board > .wrapper > .column.new-column > .add {
        margin: -20px;
        color: #858585;
        padding: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        .projects-kanban-board > .wrapper > .column.new-column > .add:hover {
          text-decoration: none; }
        .projects-kanban-board > .wrapper > .column.new-column > .add > .control {
          margin-right: 20px; }
          .projects-kanban-board > .wrapper > .column.new-column > .add > .control > .icon {
            border: none;
            font-size: 24px;
            color: #858585; }
    .projects-kanban-board > .wrapper > .column.new-list > .pick-color > .header {
      font-size: 12px;
      margin-bottom: 10px; }
    .projects-kanban-board > .wrapper > .column.new-list > .pick-color > .controls {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      height: 45px; }
      .projects-kanban-board > .wrapper > .column.new-list > .pick-color > .controls > .custom-control {
        margin: 0; }
    .projects-kanban-board > .wrapper > .column.new-list > .controls {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
