@import './../../theme/reboot';
@import './../../theme/grid';
@import 'variables';

.bkn-datagrid-cards {
  display: flex;
  flex: 1;
  -webkit-overflow-scrolling: touch;

  > div {
    height: auto !important;
    flex: 1;
  }
}

.bkn-datagrid-cards-inner {
  padding: 0.5rem 0;

  & > .row {
    margin: 0 0.5rem;
  }

  & > .row > .col-12 {
    padding: 0.5rem;
  }

  .card {
    transition: all 0.3s;

    &:hover {
      background-color: #fafafa;
    }

    .card-block {
      padding: 1rem;
    }

    .card-title {
      font-size: 0.95rem;
      font-weight: 400;
      padding: 0.5rem 0;
      margin: 0;
      width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;

      .item-status {
        margin-right: 0.5rem;
      }

      .show-status a:before {
        top: 30%;
      }
    }

    .card-text {
      font-size: 12px;
      color: $text-color-clear;
      margin-bottom: 0;
    }

    .card-text {
      font-size: 12px;
      color: $text-color-clear;
    }
  }
}